<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>清单详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../assets/i/favicon.png" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/basic.css" />
    <link rel="stylesheet" href="../assets/css/app.css" />
    <style>
        body{ background-color: #fff; }
        body, html{ height: 100%; }
        header, header div{ height: 44px !important; }
        header div a{ display: inline-block; height: 44px !important; line-height: 44px; font-size: 1.8rem; }
        header h1{ padding: 8px; }
        h2{ margin: 0.5em 0; }
        p{ color: #000; }
        .kuaikuai-wrapper .kuaikuai-ne-wrapper li.ant,.kuaikuai-wrapper .kuaikuai-ne-wrapper li span{ vertical-align: middle !important; }
        .kuaikuai-wrapper .kuaikuai-ne-wrapper li p{ width: 100%; font-weight: normal; }
        .kuaikuai-wrapper .kuaikuai-ne-wrapper li p.am-text-sm{ color: #808080; font-weight: normal; font-size: 1.4rem; }
        section#kuaikuai-btn{ background-color: #fff; }
        .kuaikuai-wrapper .kuaikuai-ne-wrapper{ margin: 0 1em; }
        img.pay{ display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; }
    </style>
</head>
<body>
<div class="good" style="display: none;">
    <section id="busi-main">
        <div class="kuaikuai-wrapper">
            <div class="kuaikuai-ne-wrapper">
                <ul>
                    <li class="ant">
                        <h2 class="am-text-xl"><img class="pay" src="../assets/i/icon/pay-ok.png" alt=""/>订单成功</h2>
                    </li>
                    <li class="ant">
                        <p>快快纸质打蜡洗车套装（10次装）</p>
                        <p class="am-text-sm">订单编号：123489642531</p>
                        <p class="am-text-sm">交易时间：2015-01-12  14:36:30</p>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <section id="kuaikuai-btn" class="kuaikuai-btn-lg">
        <p style="color: #39c92a;">查看我的消费券</p>
    </section>
</div>

<div class="bad">
    <section id="busi-main">
        <div class="kuaikuai-wrapper">
            <div class="kuaikuai-ne-wrapper">
                <ul>
                    <li class="ant">
                        <h2 class="am-text-xl" style="color: #808080;"><img class="pay" src="../assets/i/icon/pay-no.png" alt=""/>失败订单</h2>
                    </li>
                    <li class="ant">
                        <p class="am-text-sm">原因：由于网络不稳定导致支付不成功</p>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <section id="kuaikuai-btn" class="kuaikuai-btn-lg">
        <p style="color: #39c92a;">未完成订单</p>
    </section>
</div>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="../assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="../assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="../assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="../assets/js/handlebars.min.js" type="text/javascript"></script>
<script src="../assets/js/kuaikuai.js" type="text/javascript"></script>
</body>
</html>